<template>
    <div class='myIntegral'>
        <div class="myIntegral-title">
            <div class="title1">
                <div>总积分</div>
            </div>
            <div class="title2">
                <div>积分记录</div>
            </div>
        </div>
        <div class="myIntegral-content">
            <div class="totalScore">
                <div class="scoreNum">5600</div>
            </div>
            <div class="IntegralRecord">
                <div class="record-title">
                    <div class="title">积分</div>
                    <div class="title">积分状态</div>
                    <div class="title">时间</div>
                    <div class="title">总积分</div>
                </div>
                <div class="record-content" v-for="item in recordData" :key="item.title">
                    <div class="content-item">{{item.title}}</div>
                    <div class="content-item">+ {{item.num}}</div>
                    <div class="content-item">{{item.date}}</div>
                    <div class="content-item">{{item.sumNum}}</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            recordData:[
                {
                    title:'购买课程',
                    num:'123',
                    date:'2020-02-05',
                    sumNum:'45000'
                },
                {
                    title:'购买课程',
                    num:'123',
                    date:'2020-02-05',
                    sumNum:'45000'
                },
                {
                    title:'购买课程',
                    num:'123',
                    date:'2020-02-05',
                    sumNum:'45000'
                },
                {
                    title:'购买课程',
                    num:'123',
                    date:'2020-02-05',
                    sumNum:'45000'
                },
            ]
        };
    },
    components: {
        
    },
    created() {
        
    },
    mounted() {
        
    },
    methods: {
        
    },
};
</script>

<style lang='scss' scoped>
@import "../../../assets/css/personalCenter/check/myIntegral.scss"
</style>